.container {
    .headBox {
        width: 100vw;
        height: 100vh;
        position: relative;

        .bg {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            z-index: -1;
        }

        .body {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;

            .txt1 {
                font-size: 0.6rem;
                margin-bottom: 46px;
            }

            .txt2 {
                font-size: 0.3rem;
                margin-bottom: 28px;
            }

            .bottomLine {
                width: 62px;
                height: 4px;
                background-color: #fff;
            }

            .button-container {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .glow-button {
                position: relative;
                width: 180px;
                height: 45px;
                border: none;
                border-radius: 4px;
                background: transparent;
                color: var(--btn-color);
                font-size: 18px;
                animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
                text-align: center;
                line-height: 45px;
                border-radius: 100px;
                cursor: pointer;
                overflow: hidden;
                border: 1px solid rgb(255, 255, 255, 0.3);
                /* 初始边框 */
                box-shadow: 0 0 1px var(--btn-color);
                transition: border-color 0.5s ease-in-out;
                /* 边框颜色过渡效果 */

            }

            .glow-button:hover {
                border: 1.5px solid #fff;
            }

            @keyframes nudgeMouse {
                0% {
                    transform: translateY(0);
                }

                45% {
                    transform: translateY(8px);
                }

                100%,
                65% {
                    transform: translateY(0);
                }
            }


            .border-lines {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                pointer-events: none;
            }

            .line {
                position: absolute;
                display: block;
                background: linear-gradient(90deg, transparent, var(--btn-color));
            }




            @media screen and (max-width: 768px) {
                .txt1 {
                    font-size: 0.35rem;
                }

                .txt2 {
                    font-size: 0.3rem;
                }
            }
        }

        .video {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            object-fit: cover;
            z-index: -1;
        }
    }




}